<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 会导入一个全局可用的React对象，是React的核心库，里面提供里一系列的api -->
    <script src="./lib/react.development.js"></script>
    <!-- 会导入一个全局可用的ReactDOM对象，专门用来进行dom操作 -->
    <script src="./lib/react-dom.development.js"></script>
    
</head>
<body>
    <div id="root"></div> 
    <script>
        // 获取原生的dom节点
        let oRoot = document.getElementById('root')
        console.log(oRoot)
        // ReactDOM[DOM都要大写] 的 createRoot [create:创建 Root：根]==》创建一个根节点，关联原生DOM元素
        const root = ReactDOM.createRoot(oRoot)
        // 使用根节点的 render方法渲染
        root.render('123123')
    </script>
</body>
</html>